<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>版本记录</title>
    <link href="../static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .card {
            margin-top: .5rem;
            margin-bottom: 1.5rem;
        }

        .position-relative {
            padding-right: 1.8rem;
            display: inline-block;
        }

        .badge {
            font-size: 12px;
        }
    </style>
</head>

<body class="p-2">
    <div class="container">
        <h4>版本记录</h4>
        <div class="row">
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">v1.0.0-beta.220228</h5>
                    <h6 class="card-subtitle mb-2 text-muted">2022-02-28</h6>
                    <div class="card-text">
                        <span>更新内容：</span>
                        <ul>
                            <li>修正子页面和父页面加载效果错位重叠的问题，重构页面加载效果，新增全局方法 showLoading() 和 hideLoading()。</li>
                            <li>商品品牌、商品属性、商品规格、商品标签的列表页面新增商品类别筛选功能，并改进后端相关逻辑。</li>
                            <li>重构首页的标签页功能。</li>
                            <li>重构数据库缓存功能的自动关联管理。</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- /card -->
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">
                        <span class="position-relative">
                            v1.0.0-beta.220225
                            <span
                                class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-secondary">
                                最新版
                            </span>
                        </span>
                    </h5>
                    <h6 class="card-subtitle mb-2 text-muted">2022-02-25</h6>
                    <div class="card-text">
                        <span>更新内容：</span>
                        <ul>
                            <li>完成商品SKU模块的后端功能逻辑</li>
                            <li>完成商品属性模块的后端功能逻辑</li>
                            <li>完成商品标签模块的后端功能逻辑</li>
                            <li>发布上线。</li>
                        </ul>
                        <div>
                            <a class="btn btn-sm btn-primary"
                                href="http://101.34.230.229:8050/admin/login.html?demo=yes" target="_blank">通用后台管理系统 -
                                在线演示</a>
                            <span class="text-muted">（演示账号：admin, Aa@123456）</span>
                        </div>
                        <p class="mt-3"><strong>部署日志：</strong>
                            Laravel 需要最低 PHP 8.0.2 的系统环境和 FileInfo 扩展。但是 <a href="https://www.xp.cn/linux.html"
                                target="_blank" title="小皮面板">XP</a> 面板最高仅支持 PHP
                            8.0.0，无法满足最低安装需求。<br />
                            不得已，重新启用了一台新的服务器，安装了<a href="https://www.bt.cn/" target="_blank" title="宝塔面板">宝塔面板</a>，安装了
                            PHP8.1 版本，结果 FileInfo 扩展尚未支持 PHP 8.1，因而该扩展无法安装使用。<br />
                            在宝塔面板中安装了 8.0.13 版本的 PHP 环境，最后终于顺利部署成功。<br />
                            想想那台安装了 XP 面板的服务器，挺坑的，到 XP 官方论坛看了一下，官方好像都放弃维护了，看来要改天找个时间备份一下数据库和网站资料，然后重新安装宝塔面板。
                        </p>
                    </div>
                </div>
            </div>
            <!-- /card -->
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">v1.0.0-beta.220224</h5>
                    <h6 class="card-subtitle mb-2 text-muted">2022-02-24</h6>
                    <div class="card-text">
                        <span>更新内容：</span>
                        <ul>
                            <li>俄对乌发起闪电战，普京大帝威武！</li>
                            <li>对所有的后端比较耗费性能的逻辑使用缓存优化，自己测试读取性能提升很大。</li>
                            <li>完成商品属性、商品规格、商品标签等三个模块的数据库设计、页面功能代码开发。</li>
                            <li>完成上传功能的后端逻辑的开发。</li>
                            <li>页面新增数据加载中的展示效果。</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- /card -->
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">v1.0.0-beta.220223</h5>
                    <h6 class="card-subtitle mb-2 text-muted">2022-02-23</h6>
                    <div class="card-text">
                        <span>更新内容：</span>
                        <ul>
                            <li>重构级别地重新排版页面代码逻辑，使代码更规范、注释更合理、逻辑更清晰。</li>
                            <li>完善权限模块的树形列表的数据展示功能。</li>
                            <li>完成商品模块、商品类别模块、商品品牌模块的页面开发和后端功能逻辑的开发。</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- /card -->
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">v1.0.0-beta.220222</h5>
                    <h6 class="card-subtitle mb-2 text-muted">2022-02-22</h6>
                    <div class="card-text">
                        <span>更新内容：</span>
                        <ul>
                            <li>完成数据库所有数据表的设计和创建。</li>
                            <li>完成登录页、首页等框架重要页面的逻辑功能的开发。</li>
                            <li>完成后端权限验证模块功能的开发。</li>
                            <li>完成菜单数据的整理和前端菜单展示的功能开发。</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- /card -->
            <div class="card">
                <div class="card-body">
                    <h5 class="card-title">v1.0.0-beta.220221</h5>
                    <h6 class="card-subtitle mb-2 text-muted">2022-02-21</h6>
                    <div class="card-text">
                        <span>更新内容：</span>
                        <ul>
                            <li>前端项目框架选型
                                <ul>
                                    <li>BootStrap 5.1.3</li>
                                    <li>BootStrap-Icons 1.8.1</li>
                                    <li>Vue 3.2.31</li>
                                    <li>axios 0.26.0</li>
                                    <li>Chartjs 3.7.1</li>
                                </ul>
                            </li>
                            <li>后端项目框架选型
                                <ul>
                                    <li>ThinkPHP 6.x</li>
                                </ul>
                            </li>
                            <li>创建项目成功。</li>
                            <li>完成登录页、首页等框架重要页面的设计。</li>
                        </ul>
                        <figure>
                            <blockquote class="blockquote">
                                <p>FAQ：为什么不使用 Element-Plus、Ant Design of Vue 等前端框架？</p>
                            </blockquote>
                            <figcaption class="blockquote-footer">
                                答：ElementUI 是国内评价最高的 Vue 前端框架，其借鉴了 Bootstrap
                                技术，对自适应布局适配较好，写法也比较优雅，但其开发团队经历大变动，团队成员解散了，目前是由社区爱好者主导后续开发。ElementUI 因为团队变动，几乎差点夭折，最后在
                                Vue3 发布了一年多以后才缓慢地完成从
                                Vue2 到 Vue3 的升级，让很多粉丝备受煎熬。所以，不采用 ElementUI 的原因是担心其开发团队不靠谱，没法及时跟进 Vue 的版本进度。
                                Ant Design of Vue 是个人主导开发的业余项目，其是 Ant Design of React 的 Vue 实践，因为是个人开发的项目，其虽然背靠淘宝前端的 Ant
                                Design 设计思想，在规范约束上做得很好，但代码风格还是差强人意，网评一般，在 ElementUI
                                团队发生动荡的一年多的空白时间里也没能收获多少粉丝。终其原因是代码风格让人难以接受，而且对自适应布局适配不是很好。所以，一般开发者都不考虑这个很一般的框架。Bootstrap
                                是 Facebook
                                的前端团队专职负责维护的自适应 CSS 框架，一直是各种新生的前端框架借鉴和模板的对象。Bootstrap 4 及之前的版本都是属于旧时代的产品，必须依赖 jQuery
                                才能使用。React 和 Vue 等新型的前端技术出来后，全世界刮起了去 jQuery 的大潮，Bootstrap 5
                                正是适应这股浪潮的最新产品。因为开发时间仓促，Bootstrap 5
                                刚摆脱了对 jQuery
                                的依赖，对新生的 React 和 Vue 等反应式框架支持还不是很友好，处于中间过渡阶段，但其最为前端业界 CSS 框架的领头羊的地位无可撼动，也一直在持续自我进化。
                            </figcaption>
                        </figure>
                        <figure>
                            <blockquote class="blockquote">
                                <p>FAQ：为什么使用 ThinkPHP 而不使用 Laravel？</p>
                            </blockquote>
                            <figcaption class="blockquote-footer">
                                答：ThinkPHP 是国内最好的 PHP 快速开发框架，其借鉴了 Laravel 框架的思想和语法，同时根据中国国情进行了创新，相当于 Laravel
                                的精简版，在运行效率上远远超过 Laravel。Laravel 是世界上最好的 PHP 开发框架，PHP 这门语言之所以没有在
                                Java、.Net、Python 横行的现代被淘汰，除了自身的不断进化，Laravel 框架也贡献了很大的力量。Laravel
                                框架功能齐全，基本涵盖了应用开发的方方面面，包括常用的定时任务、队列等。而且对开发者要求比较高，也给开发者带来了很大的便利。但是因为功能齐全，
                                所以 Laravel 估计是市面上运行效率最低的 PHP 框架。
                            </figcaption>
                        </figure>
                    </div>
                </div>
            </div>
            <!-- /card -->
        </div>
    </div>

</body>

</html>